diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2023-02-21 23:24:14 +0100 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2023-02-21 23:24:14 +0100 |
| commit | 6cb399e7267ae78e3e498bdbf5f51678ffb2cd45 (patch) | |
| tree | b109832a208927821fcfe65bd98ff9e3f391c44c /src/routes/[lang=lang]/+page.svelte | |
| parent | 54bbc06bd84437c6b38e2f6c57060f21a8318720 (diff) | |
| download | auroraklinikken.no-6cb399e7267ae78e3e498bdbf5f51678ffb2cd45.tar.xz auroraklinikken.no-6cb399e7267ae78e3e498bdbf5f51678ffb2cd45.zip | |
feat: Many things
Configure sanity in same project as the app
Implement type safe sanity schema
Read localised documents
Strip down design
Diffstat (limited to 'src/routes/[lang=lang]/+page.svelte')
| -rw-r--r-- | src/routes/[lang=lang]/+page.svelte | 43 |
1 files changed, 39 insertions, 4 deletions
diff --git a/src/routes/[lang=lang]/+page.svelte b/src/routes/[lang=lang]/+page.svelte index f2028c6..0ab63ee 100644 --- a/src/routes/[lang=lang]/+page.svelte +++ b/src/routes/[lang=lang]/+page.svelte @@ -3,13 +3,48 @@ import Hero from "./sections/hero.svelte"; import Description from "./sections/description.svelte"; import Products from "./sections/products.svelte"; + import LL from "$i18n/i18n-svelte"; import type { PageData } from "./$types"; export let data: PageData; </script> -<Hero model={data.hero} /> -<Description model={data.description} /> -<Contact model={data.contact} /> -<Products model={data.products} /> +<main> + <section id="hero"> + <div class="hero"> + <Hero model={data.hero} /> + </div> + <div> + <Description model={data.description} /> + </div> + </section> + <section> + <h3 class="mb-3">{$LL.ourServices()}</h3> + <Products model={data.products} /> + </section> + <section> + <Contact model={data.contact} /> + </section> +</main> + +<style> + main { + margin: 0 5vw 2vh 5vw; + display: flex; + flex-direction: column; + } + main section { + margin-bottom: 2vh; + } + + #hero { + display: grid; + grid-template-columns: repeat(2, 50%); + justify-content: space-between; + } + + #hero .hero { + padding: 3.2vw; + } +</style> |